4

如何检测某个变量是否为数组?

《javascript 高级程序设计》原文摘录:

  自从 ECMAScript 3 做出规定以后,就出现了确定某个对象是不是数组的经典问题。对于一个网页,
或者一个全局作用域而言,使用 instanceof 操作符就能得到满意的结果:

    if (value instanceof Array){
    //对数组执行某些操作
    }

  instanceof 操作符的问题在于,它假定只有一个全局执行环境。如果网页中包含多个框架,那实
际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的 Array 构造函数。如果你从
一个框架向另一个框架传入一个数组,那么传入的数组与在第二个框架中原生创建的数组分别具有各自
不同的构造函数。
  为了解决这个问题,ECMAScript 5 新增了 Array.isArray() 方法。这个方法的目的是最终确定某
个值到底是不是数组,而不管它是在哪个全局执行环境中创建的。这个方法的用法如下。

    if (Array.isArray(value)){
    //对数组执行某些操作
    }

  支持 Array.isArray() 方法的浏览器有 IE9+、Firefox 4+、Safari 5+、Opera 10.5+和 Chrome。

那么问题来了,如何在尚未实现这个方法中的浏览器中准确检测数组
由于原生数组的构造函数名与全局作用域无关,因此用toString()方法,保证返回一样的结果

   function isArray(value) {
      return Object.prototype.toString.call(value) === '[object Array]';
   }

这样的方法就可以比较完美的解决判断是否为数组了,同样也可以判断是不是函数

   function isFunction(value) {
      return Object.prototype.toString.call(value) === '[object Function]';
   }

是不是正则表达式

   function isRegExp(value) {
      return Object.prototype.toString.call(value) === '[object RegExp]';
   }

虽然这样貌似是解决了问题,实际上这还是会存在问题:Object.prototpye.toString()本身也可能会被修改


同梦奇缘
4.1k 声望1.1k 粉丝

生于忧患死于安乐